<?php
if(isset($_GET['id'])){
    $objectID = $_GET['id'];
}
else{
    $objectID = '';
}
 /*
    include('material_form.php');
    include('tool_form.php');
    include('step_form.php');
    include('contractor_form.php');
    */
?>

<div class="bground">
    	<div class="content">
        	<div class="step-outer">
            	<a class="step-number edit-prj active"  onclick="tabProjectInfo(0);">Basic Info</a>
                <a class="step-number edit-prj"  onclick="tabProjectInfo(1);">Material Info</a>
                <a class="step-number edit-prj" onclick="tabProjectInfo(2);">Equibment Tool</a>
                <a class="step-number edit-prj" onclick="tabProjectInfo(3);">Contractor Info</a>
                <a class="step-number edit-prj" onclick="tabProjectInfo(4);">Step Info</a>
            </div><!--step-outer-->
            <div class="project-detail tabContents">
                
                <div id="project-detail">
                
                </div>
                <div class="comment-outer">
                	<div class="comment-title">Comment:(<span id="numComment"></span>)</div>
                    <div class="comment-list" id="commentProject">
                    	<!--comment <div class="comment-item">
                        	<div class="comment-name">Jonh</div>
                            <div class="comment-cloud">
                            	<div class="comment-cloud-left"></div>
                                <div class="comment-cloud-content">Contrar
                                McClintock</div>
                            </div>
                        </div> -item-->
                        
                        
                    </div><!--comment-list-->
                    <div id="newestComment"></div>
                    <div id="viewmore" onclick="viewmore();" style="display: none;">View More</div>
                </div>
                
                <!-- comment form -->
                <div class="comment-text">
                	<div class="comment-title">Send Comment:</div>
                    <div class="form">
                        <form action="" method="get">
                            <div class="row fix-inline">
                                <label>Comment:</label>
                                <div class="text-outer"><textarea name="commenttext"  id="commentext" rows="4" class="textarea" style="width:753px;"></textarea></div>
                            </div>
                            <div class="row fix-inline">
                                <div class="text-outer">
                                    <input name="" type="button" class="button" value="Send" onclick="sendcomment();" />
                                </div>
                            </div>
                        </form>
                    </div>
                </div><!-- comment form-->
                
                
            </div>
            <br /><br />
            <div class="tabContents" style="display: none;">
            
            	<table class="tfull" width="100%">
                    <thead>
                        <th width="17%">Material name</th>
                        <th width="17%">Material spec</th>
                        <th width="17%">Material Brand</th>
                        <th width="17%">Material Price</th>
                        <th width="17%">Material Model</th>
                    </thead>
                    <tbody id="material_list">
                        <tr id="no_material">
                        <td colspan="5">No material found</td>
                        </tr>
                    </tbody>
                </table>
                
            </div>
            
            <div class="tabContents" style="display: none;">
            
            	<table class="tfull" width="100%">
                    <thead>
                        <th width="17%">Tool name</th>
                        <th width="17%">Tool spec</th>
                        <th width="17%">Tool Brand</th>
                        <th width="17%">Tool Price</th>
                        <th width="17%">Tool Model</th>
                    </thead>
                    <tbody id="tool_list">
                        <tr id="no_tool">
                        <td colspan="5">No tool found</td>
                        </tr>
                    </tbody>
                </table>
                
            </div>
            
            
           <!-- Contractor info -->
            <div class="tabContents" style="display: none;">
            
            	<table class="tfull" width="100%">
                    <thead>
                        <th width="17%">Contractor name</th>
                        <th width="17%">Description</th>
                        <th width="17%">Contractor web</th>
                        <th width="17%">Contractor email</th>
                        <th width="17%">Contractor phone</th>
                    </thead>
                    <tbody id="contractor_list">
                        <tr id="no_contractor">
                        <td colspan="5">No Contractor info</td>
                        </tr>
                    </tbody>
                </table>
                
            </div><!-- step info -->
            
            <!-- step info -->

            <div class="tabContents stepinfo-list" id="step_list" style="display: none;">
            
            <div class="nodata" id="no_step">
                No step found
            </div>
            </div><!-- step info -->
            
            
            
         </div>
 </div>   

<script type="text/javascript">
	$(document).ready(function() {	
	   //setObjectID('<?php echo $objectID?>');
        
	});
</script>